<script setup lang="ts">
// 导入
import SafetyTop from './SafetyTop.vue';
import SafetyLeft from './SafetyLeft.vue';
import SafetyCenter from './SafetyCenter.vue';
import SafetyRight from './SafetyRight.vue';
import SafetyBottom from './SafetyBottom.vue';
</script>

<template>
    <!-- 安防管理页面 -->
    <div class="container">
        <!-- 顶部 -->
        <SafetyTop></SafetyTop>
        <!-- 左侧 -->
        <SafetyLeft></SafetyLeft>
        <!-- 中间 -->
        <SafetyCenter></SafetyCenter>
        <!-- 右侧 -->
        <SafetyRight></SafetyRight>
        <!-- 底部 -->
        <SafetyBottom></SafetyBottom>
    </div>
</template>

<style scoped>
.container {
    width: 100vw;
    height: 100vh;
    background-image: url(../../assets/pageBg.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
</style>